if (typeof Worker !== 'undefined') {
  // 是的! Web worker 支持!
  const worker = new Worker('./worker.js')
  const num1 = document.querySelector('#num1')
  const num2 = document.querySelector('#num2')
  const result = document.querySelector('#result')
  const btn = document.querySelector('#btn')
  btn.addEventListener('click', () => {
    // 发送消息，会被worker.js中的监听方法接收
    worker.postMessage({
      type: 'add',
      data: {
        num1: num1.value - 0,
        num2: num2.value - 0,
      },
    })
  })
  // 监听来自子线程的消息事件
  // 子线程无法操作dom,所有操作dom的操作只能留在主线程中完成
  worker.addEventListener('message', (e) => {
    const {type, data} = e.data
    if (type === 'add') {
      result.textContent = data
    }
  })
} else {
  // //抱歉! Web Worker 不支持
}
